/*通用样式 http://lvyou.baidu.com/user/ff83431514337fdeb1188261*/
.bgf{padding:10px;overflow:hidden;background:#fff}
.bg{background:#152429}
.bg2{background:url(../../images/bg2.jpg)}
.bg3{background:radial-gradient( circle,rgba(154,140,140,0.28) 36%,#F5F5F5 92%)}
.bg5{background:#152429}
.bg5:hover{background:#333;color:#fff}
.bradius{border-radius:50%;border:2px solid #fff;cursor:pointer;}
.w240{width:240px;}
.w940{width:940px;height:350px;background:red;float:left;}
.w1180{width:1180px;margin:10px auto;}
.container{font-family:'pbfont',"微软雅黑";}
.kchrome.on,.k_header .kh_b a.on,.ke_cont_img .usinfo .gz.on,.on{color:#4CAF50}
.w820{width:820px;}
.w280{width:280px;}
.inlineb{display:inline-block}
.cl:after{clear:both;}
.cl:before,.cl:after{content:" ";display:table;}
.navbar-nav{position:relative;left:16px;}
.empty{text-align:center;padding:140px;font-size:32px;color:#757A84;display:block;border:2px dashed #fff;margin-bottom:20px;height:760px;line-height:480px}
.button{background-image:linear-gradient(rgba(255,255,255,0.6),rgba(0,0,0,0.6));padding:9px 30px;margin-right:5px;color:white;font-size:12px;font-weight:bold;border-radius:4px;}
.iconfont{padding-right:6px;}
.shonum{position:absolute;background:#44565F;top:6px;line-height:15px;padding:2px;right:8px;border-radius:5px;color:#fff;display:inline-block;}
.ke_c_tip2{position:absolute;top:16px;left:16px;background:rgba(9,8,9,0.6);z-index:2}
.ke_c_tip,.tip{position:absolute;top:16px;right:16px;background:rgba(3,3,3,0.8);padding:0 6px;color:#fff;z-index:2}
.ke_c_tip2,.ke_c_tip a{color:#fff;padding:2px 16px;}
.kselect{float:left;padding-left:13px;height:46px;line-height:46px;border:1px solid #b6b3aa;text-align:left;position:relative;color:#b6b3aa;}
.kselect a{height:46px;line-height:46px;color:#A9A9A9}
.kselect dl{position:absolute;max-height:160px;width:186px;left:-1px;top:46px;border:1px solid #B6B3AA;border-radius:2px;background:#fff;z-index:5;overflow-y:auto;display:none;color:#414141;}
.kselect dl dd{cursor:pointer;height:40px;line-height:40px;padding:0 13px;width:auto;color:#999}
.kselect dl dd:hover{background:#eee;}
.ke_list{position:relative}
.ke_list:after,.kselect:after{position:absolute;width:0;height:0;top:20px;right:14px;border-color:#b6b3aa #fff #fff;border-style:solid;border-width:6px;content:"";}
/*推荐*/
.tjbox li.items{width:280px;height:316px;float:left;margin-right:20px;margin-bottom:16px;margin-top:16px;color:#F9F9F6;position:relative;}
.tjbox li.items .tip{opacity:0;transform:opacity 1s ease;z-index:20;}
.tjbox li.items:hover .tip{opacity:1;color:#fff;}
.tjbox li.items.cw{width:270px}
.tjbox li.items:nth-child(4n){margin-right:0}
/*li的悬浮层*/
.tjbox li.items:before{content:"";opacity:0;position:absolute;z-index:1;top:-16px;right:-16px;left:-14px;bottom:0px;background-color:#fff;box-shadow:0 0 1em #ccc;transition:opacity 0.6s ease;}
.tjbox li.items:hover:before{opacity:1;transition:opacity 0.6s ease;background:radial-gradient(circle,#f9f9f9,#fff);}
.tjbox li.items:hover span{color:#54504C}
.tjbox li.items:hover *{color:#54504C}
.tjbox li.items img{transition:1s;-moz-transition:0.6s;-webkit-transition:0.6s;-o-transition:0.6s;}
.tjbox li.items:hover img{transform:scale(1.06);-webkit-transform:scale(1.06);}
.tjbox li.items .cover{overflow:hidden;position:relative;z-index:2}
.tjbox li.items .cover .img{transition:transform 0.6s ease;}
.tjbox li.items:hover .img{transform:scaleX(1.06);transition:transform 0.6s ease;}
.tjbox li.items .cover{position:relative;z-index:2}
.tjbox li.items h3.title{padding:12px 0;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;/*省略号*/
font-size:14px;font-weight:400;}
.tjbox li.items .info span.m{background:#C0D0DA;font-size:12px;padding:4px 8px;border-radius:5px;color:#f9f9f9;margin-right:6px;float:left}
.tjbox li.items .info span.h{padding:0 2px;font-size:12px;color:#737A7D;float:right}
.tjbox li.items p.pic{padding-top:6px;color:#54504C;}
.tjbox li.items p.pic span.info{position:relative;left:4px;top:3px;}
.tjbox li.items .l-buys{padding:10px 24px;position:absolute;top:84px;left:64px;border-radius:5px;display:none;box-shadow:0 0 6px #909090;z-index:5}
.tjbox li.items:hover .l-buys span *,.tjbox li.items:hover .l-buys *{color:#fff;font-size:12px;}
.tjbox li.items .hpic{width:20px;height:20px;border-radius:50%;}
.tjbox li.items:hover .l-buys{display:block;}
.tjbox .items .ctip{position:absolute;transform:scale(0);top:0;left:0;width:100%;height:220px;background:rgba(0,0,0,0.5);color:#EBEFEC;padding:20px;font-size:14px;transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;-o-transition:0.4s;z-index:3;}
.tjbox .items:hover .ctip{transform:scale(1);border-radius:0;}
/* #bar_username{line-height:36px;height:36px}
*/
.navbar-inverse .navbar-form{top:2px}
.navbar-nav>li{float:right}
.navigation{margin:0;padding:0;float:right;position:relative;list-style-type:none;font-weight:600;}
.nav-list-item{position:relative;display:block;float:right;width:60px;text-align:center;z-index:30;top:-2px;}
.nav-list-item:hover{background:#676E79;}
.nav-list-item a.rm{position:absolute;top:21px;right:-2px;display:none;}
.nav-list-item a .iconfont{padding-right:4px;transition:transform 1s ease;transform:translateY(4px);display:inline-block;vertical-align:3px;color:#F9F9F6}
.nav-list-item a:hover .iconfont{transform:translateY(0)}
.nav-list-item:hover .son{display:block;}
.nav-list-item:hover a.rm{display:block;}
.son{position:absolute;background:#676E79;left:-60px;top:55px;font-size:12px;width:120px;display:none;z-index:90;overflow:hidden;}
.sonA{line-height:36px;}
.son .sonA a{border-bottom:1px solid #676E79;color:#fff;display:block;}
.son li{line-height:24px;border-bottom:1px solid #656D71;cursor:default;overflow:hidden;}
.son li:nth-of-type(1){border-top:1px solid #656D71}
.son li a{color:#F9F9F6}
.son li:hover{background:#54504C;}
.son li .iconfont{position:relative;left:-10px;}
.son li .iconfont.icon-message{color:#F9F9F6;left:17px;top:3px;}
.son li a.msg,.son li a.uinfo{color:#f9f9f9;padding:0 10px;border-bottom:none;}
.rNum{float:right;cursor:pointer}
.son li a.msg,.son li a.uinfo{font-size:14px;line-height:42px;font-weight:bold;text-align:center;padding:0 0 0 10px;}
#messagelist li{line-height:16px;}
#messagelist li div{padding-top:5px;}
#messagelist li a.msg{font-size:12px;font-weight:normal;text-align:left;border-bottom:0px;padding-left:28px;}
#messagelist li p{color:#F9F9F6;text-align:left;padding:8px 20px 8px 48px;word-break:break-all;text-align:justify;}
#messagelist li a{line-height:24px;}
#messagelist li a.md{display:none;}
#messagelist li:hover a{display:inline-block;}
#messagelist li.mempty{height:60px;line-height:60px;color:#F9F9F6;}
#messagelist li.mempty a{color:#62c189}
.son li:last-child{border-bottom:0}
#studylist li a{text-align:left;padding:4px 0px 4px 6px;border-bottom:0px;}
#studylist li span{padding-right:5px;vertical-align:middle;padding-top:6px;color:#f9f9f9}
#studylist li.mempty{height:60px;line-height:60px;color:#F9F9F6;}
#studylist li.mempty a{color:#62c189}
#studylist li .iconfont{left:0}
.uc_nav{width:200px;height:100%;}
.uc_nav ul{margin-top:64px;}
.uc_nav li a{color:#b4b6bd;display:block;padding:12px 20px;text-align:center;}
.uc_nav li a.on,.uc_nav li a:hover{background:#152429;color:#fff;}
.uc_nav li a i{padding-right:16px;}
.uc_logout{position:absolute;left:0;bottom:12px;display:block;width:100%;text-align:center;height:36px;line-height:36px;color:#B4B6BD;}
.uc_logout:hover{background:#333438;color:#fff}
.ke_tip{background:none;border:none;text-align:center;margin-top:20px;font-size:14px}
.navbar-inverse input[type='text']{background:#333;border:0;color:#999}
.navbar-inverse .navbar-form{position:relative;}
.navbar-inverse button[type="submit"]{position:absolute;top:30%;right:20px;background:none;border:none;}
.navbar-inverse .glyphicon{color:#888;}
.btn-group-lg>.btn,.btn-lg{margin-right:6px;}
.btn-group-lg>.btn,.btn-lg:hover{color:#F44336}
#kekesilder{position:relative;top:6px;}
.logo{color:#FFF;font-size:24px;font-family:'pbfont';text-shadow:0px 1px 5px #635E5E;-webkit-text-shadow:0px 1px 5px #635E5E;-moz-text-shadow:0px 1px 5px #635E5E;-o-text-shadow:0px 1px 5px #635E5E;padding-top:17px;position:relative;}
.logo span.lg{position:relative;z-index:2;letter-spacing:-0.05em;display:inline-block;width:142px;color:#fff;top:2px;}
.logo span.lt{width:160px;font-size:12px;display:inline-block;letter-spacing:10px;color:#fff;font-family:"微软雅黑";position:relative;top:-2px;}
.logo label{display:inline-block;}
.logo i{position:absolute;top:12px;left:55px;z-index:1;font-size:40px;color:#009688;}
.logo label:nth-child(1){font-size:36px;}
.logo label:nth-child(2){color:#4CAF50;transform:rotate(-3deg);}
.logo label:nth-child(3){color:#FFEB3B;transform:rotate(-5deg);}
.logo label:nth-child(4){color:#6AD1FF;transform:rotate(3deg);}
.logo label:nth-child(5){color:#F44336;transform:rotate(-5deg);}
.navbar-brand{line-height:12px;top:0px;color:#fff;padding:15px 0 0 0}
.Operation{padding-right:10px;}
.ke-seesource{margin-top:56px;}
.comment-more{padding:80px 0;text-align:center;font-size:16px;}
.comment-more a{padding:15px 60px;border:1px solid #f6f9fa;text-decoration:none;background:rgba(218,210,210,0.6);color:#fff;border-radius:8px}
.comment-more a:hover{background:#6D6666;color:#fff;}
.works-author{padding:20px 20px 0;background-color:#fff;border-top:1px solid #F5F5F5;border-bottom:1px solid #F5F5F5;}
.works-author .more .item{width:170px;height:120px;margin-left:18px;overflow:hidden;position:relative;display:inline-block;margin-bottom:20px;}
.works-author .more .item img{transition:transform 0.3s ease-in-out}
.works-author .more .item span{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);top:0;left:0;color:#fff;text-align:center;font-weight:bold;line-height:120px;display:none}
.works-author .more .item:hover img{transform:scale(1.25)}
.works-author .more .item:hover span{display:block}
.works-author .more .item:hover{opacity:.9;}
.ushow p{line-height:22px;color:#5A5A5A}
/* 返回顶部 */
.back_top{width:48px;line-height:50px;position:fixed;bottom:32px;right:32px;border-radius:2px;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;text-align:center;z-index:90}
.back_top a{display:block;width:48px;height:50px;color:#fff;margin-bottom:2px;position:relative;}
.back_top a .num{background: #F01404;
    padding: 0 6px;
    position: absolute;
    top: 0;
    left: -12px;
    line-height: 24px;
    border-radius: 50%;}

.back_top i{display:inline-block;width:26px;height:16px;color:#fff}
.back_top .iconfont{position:relative;left:-2px;}
.formbox input,.formbox textarea,.formbox select{border:2px dotted #fff;font-size:18px;width:100%;text-indent:0.5em;margin-bottom:20px;background:rgba(255,255,255,0.5);height:52px;}
.formbox input[placeholder]{color:#999;}
.formbox select{color:#999;}
.ke-tag{margin-right:10px;padding:6px;text-align:center;margin-bottom:10px;border-radius:2px;background:rgba(255,255,255,0.8);opacity:0;transition:all 0.6s cubic-bezier(0.71,0.66,0.67,0.04);}
.ke-tag.p{padding:11px}
.pocket-content{width:900px;margin:60px auto 60px;position:relative;padding-bottom:80px;}
.cover-photo{margin:0px auto;background:rgba(187,186,186,0.2)}
.cover-wrap{width:200px;height:98px;margin:232px auto;text-align:center;cursor:pointer;color:#FFF;line-height:64px;font-size:22px;transform:translateY(-378px);transition:all 0.6s cubic-bezier(0.71,0.66,0.67,0.04);position:relative;z-index:2}
.cover-price{position:absolute;top:12px;right:12px;z-index:3}
.cover-tag{position:absolute;width:100%;top:2px;left:0;padding:10px 0 0 10px;z-index:2}
.process{position:absolute;bottom:0;left:0;width:100%;height:0%;background:rgba(0,0,0,0.5);z-index:1}
.cover-status{position:relative;height:640px;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1;}
.cover-status:hover .cover-wrap{transform:translateY(0px);}
.cover-status:hover .ke-tag{opacity:1;}
.cover-wrap img{margin-left:12px;}
.cover-add{width:32px;height:32px;margin:0 auto 4px;}
.cover-bac{margin:0px auto;height:540px;overflow:hidden;border:2px dotted #fff;}
.cover-big-shadow{position:absolute;top:0;left:0;z-index:2;width:100%;height:640px;background:rgba(0,0,0,.2);}
.uc_setting{margin-top:24px;line-height:32px;}
.uc_setting strong{font-size:12px;}
.uc_setting .lang-input{font-size:16px;padding:12px 0.8846153% !important;color:#54504C}
.uc_setting .w520{width:93.8461538%;margin-right:3.7037037%;}
.uc_setting .radio{float:left;width:50px;height:40px;margin:0 7px;text-align:center;line-height:40px;position:relative;cursor:pointer;}
.uc_setting .radio a{position:absolute;top:9px;left:-8px;width:20px;height:20px;border-radius:11px;border:1px solid #8a8880;background:#fff;cursor:pointer;margin-right:5px;}
.uc_setting .radio a i{position:absolute;top:4px;left:4px;width:10px;height:10px;border-radius:5px;background:#212121;}
/*底部*/
.pocket-footer{background:#212121;width:100%;position:fixed;bottom:0;height:40px;margin:0 auto;z-index:50;}
.pocket-footer-contain{width:960px;height:40px;margin:0 auto;}
.pocket-footer a{float:left;width:90px;height:40px;color:#eee;line-height:40px;text-align:center;-webkit-transition:all .3s;transition:all .3s;}
.pocket-footer .pocket-footer-edit{position:relative;float:left;text-align:left;}
.pocket-num{float:left;width:630px;text-align:center;margin-left:70px;line-height:40px;color:#eee;}
.pocket-num i{color:#dd2222;margin:0 3px;}
.pocket-footer .pocket-publish{width:160px;background:#2dd888;float:right;}
.pocket-footer .pocket-check{width:80px;float:right;}
@media only screen and (max-width:768px){.keke-pic-list li{width:100%;height:100%;}
.keke-pic-list li .picbox{display:none;}
.keke-pic-list .ctip{position:relative;transform:scale(1) rotateZ(0deg);top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);color:#EBEFEC;padding:20px;font-size:14px;transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;-o-transition:0.4s;z-index:5;opacity:1;display:block;}
}
@media(min-width:768px){.navbar-inverse button[type="submit"]{top:15%;}
}
@media only screen and (max-width:466px){.usinfo{text-align:center;}
}
/*头部主要*/
.wrap-main{-webkit-box-shadow:0 1px 0 rgba(255,255,255,.08),inset 0 1px 1px rgba(0,0,0,.08),inset 0 -1px 1px rgba(0,0,0,.08);box-shadow:0 1px 0 rgba(255,255,255,.08),inset 0 1px 1px rgba(0,0,0,.08),inset 0 -1px 1px rgba(0,0,0,.08);margin-top:45px;text-shadow:-1px 0px #F9F9F6,0px 1px #F9F9F6,1px 0px #ccc,0 1px #ccc}
.wrap-main .container{width:1020px;margin:0 auto;position:relative;}
.wrap-main .container .register-bumper{padding:72px 0px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
/*导航栏*/
.sub-header{background:#fff;padding:20px 0}
.sub-header .sub-header-title{padding-left:20px;font-size:16px;color:#152429;font-weight:700}
.sub-header .iconfont{padding-right:10px;}
/*侧边栏*/
.off{background-image:url(../../images/play.svg);background-size:contain;background-repeat:no-repeat;position:absolute;top:16px;right:16px;width:30px;height:30px;z-index:15}
.k_sliderbox{position:fixed;width:200px;height:100%;top:0;left:-200px;z-index:101;display:none;padding-top:57px;}
.push_button{width:16px;height:16px;padding:16px;cursor:pointer;position:fixed;top:80px;left:12px;z-index:102;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.push_button.active{-webkit-transform:translateX(240px);-ms-transform:translateX(240px);transform:translateX(240px);left:-28px;}
.push_button li{width:100%;height:2px;background:#FFF;margin:0 auto;border-radius:2px}
.push_button .navi-one{margin-top:6px;-webkit-transform:translate(0,-200%);-ms-transform:translate(0,-200%);transform:translate(0,-200%);-webkit-transition:-webkit-transform .3s .3s;transition:transform .3s .3s}
.navi-one.active{transform:translateY(2px)rotate(45deg);-moz-transform:translateY(2px)rotate(45deg);-webkit-transform:translateY(2px)rotate(45deg);-ms-transform:translateY(2px)rotate(45deg)}
.navi-two{transition:opacity .2s .3s,width .2s .3s;-webkit-transition:opacity .2s .3s,width .2s .3s;-moz-transition:opacity .2s .3s,width .2s .3s;-ms-transition:opacity .2s .3s,width .2s .3s}
.navi-two.active{width:0;opacity:0}
.navi-three{transition:transform .3s .3s;-webkit-transition:-webkit-transform .3s .3s;-ms-transition:transform .3s .3s;-moz-transition:transform .3s .3s;transform:translate(0,200%);-moz-transform:translate(0,200%);-webkit-transform:translate(0,200%);-ms-transform:translate(0,200%)}
.navi-three.active{transform:translateY(-2px)rotate(-45deg);-moz-transform:translateY(-2px)rotate(-45deg);-webkit-transform:translateY(-2px)rotate(-45deg);-ms-transform:translateY(-2px)rotate(-45deg)}
.padd{top:152px;}
.padd .navi-addf{position:absolute;top:24px;width:17px;}
.padd .navi-addo{position:absolute;top:16px;width:2px;height:17px;left:23px;}
/*banner图集*/
.bannerwrap{width:920px;margin-left:260px;position:relative;}
.bannerbox .blist{height:350px;cursor:pointer;}
.bannerbox{border-bottom:1px solid #fff;position:relative;}
.bannertip{position:absolute;top:0;right:0;bottom:0;left:0;padding:12px;background:#152429;z-index:100;color:#B5A2A2;}
.bannertip h3{font-size:14px;font-weight:bold;border-bottom:1px dashed #504C4C;padding-bottom:6px;margin-bottom:6px;}
.bannertip h3 i{padding-right:2px;top:2px;position:relative;}
.bannertip a{color:rgba(181,179,179,0.86);transition:all 0.6s ease;width:220px;}
.bannertip a:hover{color:#f9f9f9;font-size:13px;}
.bannertip ul li{line-height:22px;}
.bannertip ul.ctop li:nth-child(1) a{color:#EC685E;font-size:13px;font-weight:bold;}
.bannertip ul.ctop li:nth-child(2) a{color:#95CC98}
.bannertip ul.ctop li:nth-child(3) a{color:#F1E89A}
.bannerbox .b_items{position:absolute;top:0;right:0;width:920px;height:350px;opaicty:0;}
.bannerbox .b_items:nth-child(1){z-index:10;opaicty:1}
.bannerbox .b_items:nth-child(2){z-index:9}
.bannerbox .b_items:nth-child(3){z-index:8}
.bannerbox .b_items:nth-child(4){z-index:7}
.bannerbox .b_items:nth-child(5){z-index:6}
.bannerbox .b_items:nth-child(6){z-index:5}
.bannerbox .b_items:nth-child(7){z-index:4}
.bannerbox .b_items:nth-child(8){z-index:3}
.bannerbox .b_items:nth-child(9){z-index:2}
.bannerbox .b_items:nth-child(10){z-index:1}
.bannerbox ul.banner_rbox{height:20px;width:160px;position:absolute;left:50%;margin-left:-80px;bottom:48px;z-index:13;text-align:center;line-height:20px;}
.bannerbox ul.banner_rbox .b_radius{height:12px;width:12px;background:#F9EBEB;border-radius:50%;display:inline-block;margin-right:6px;}
.bannerbox ul.banner_rbox .b_radius.select{background:#ED4236}
#charbox{text-align:center;font-size:22px;font-weight:700;color:#fff;position:absolute;top:20%;left:11%;z-index:12;height:280px;width:75%;overflow:hidden;margin-left:12%;cursor:pointer;}
#charbox span{display:inline-block;padding:14px 0;}
.bannerbox .web-tip{line-height:32px;}
.bannerbox .b_over{background:rgba(0,0,0,0.2);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;}
/*背景颜色*/
.bg-blue{background-color:rgba(54,70,93,0.5)!important;}
.bg-purple{background-color:#9b59b6!important;}
.bg-red{background-color:#e74c3c!important;}
.newbox{background:#fff;padding-bottom:20px}
.newbox .tip_head{height:45px;line-height:45px;background:#F5F5F5;margin-bottom:20px;color:#F9F9F6;padding-left:20px}
.newbox .tip_head .ut{font-size:20px;color:#152429;line-height:42px;font-weight:700}
.newbox .tip_head .ut i{font-size:24px;color:#152429}
.newbox .tip_head .sm{font-size:12px;}
.keke-tit{height:42px;line-height:42px;background:#F5F5F5;}
.keke-tit a{float:left;height:40px;margin-right:25px;padding:0 20px;font-size:14px;color:#7c7c7c;line-height:40px;text-align:center;transition:all 0s;}
.keke-tit a:hover{color:#3498db;}
.keke-tit a.on{border-radius:20px;font-weight:bold;color:#6D6666;}
.keke-tit2{font-size:14px;color:#F9F9F6;height:40px;line-height:40px;margin:28px 0 10px;}
/*文章列表*/
 .keke-article-list{width:100%;}
/*.keke-article-list .ptbw{border-top:1px solid #e0e7eb;}
*/
 .keke-article-list li{padding:20px 0;border-bottom:1px solid #e0e7eb;}
.keke-article-list .cover{float:left;display:block;width:160px;height:120px;}
.keke-article-list .cover img{transition:1s;-moz-transition:0.6s;-webkit-transition:0.6s;-o-transition:0.6s;}
.keke-article-list .cover:hover img{transform:scale(1.06);-webkit-transform:scale(1.06);}
.keke-article-info{position:relative;float:left;width:640px;margin-left:20px;}
.keke-article-info h1{margin:2px 0;}
.keke-article-info h1 a{float:left;display:block;max-width:348px;font-size:18px;padding-top:5px;}
.keke-article-info .tag{float:left;height:25px;margin:1px 5px 1px 0;padding:0 10px;font-size:12px;color:#fff;border-radius:2px;line-height:25px;}
.keke-article-info p{min-height:44px;overflow:hidden;margin-top:5px;color:#7f8c8d;font-size:13px;}
.keke-article-info .avatar img{width:20px;height:20px;border-radius:50%;}
.keke-article-info .avatar .name{padding:0 3px;vertical-align:middle;font-size:12px;color:#394a58;font-weight:bold;line-height:21px;}
.keke-article-info .avatar .name:after{content:"";float:right;height:14px;margin:3px 20px 3px 0;border-right:1px solid #e0e7eb;}
.keke-article-info .data{position:absolute;top:5px;right:0;color:#bdbdbd;}
.keke-article-info .data i{color:#bdbdbd;font-size:14px;}
/*侧栏招聘列表*/
 .keke-tit-aside{height:40px;margin-bottom:17px;font-size:14px;color:#6D6666;line-height:40px;background:#F5F5F5;padding-left:20px;font-weight:bold;}
.keke-aside-list li{position:relative;}
.keke-aside-list li .kun{position:absolute;}
.keke-aside-list li .kut{display:block;width:280px;height:32px;font-size:14px;line-height:20px;margin-left:24px;}
.msg span{margin-right:10px;}
.msg span i{font-size:18px;color:#9aabb8;margin-right:5px;}
.msg span em{font-size:14px;color:#9aabb8;}
.coursebox{background:#fff;}
.coursebox .text-c{font-size:30px;text-align:center;padding:20px 0 30px;color:#6D6666}
.coursebox .text-c i{font-size:30px;}
.keke-pic-list{margin-right:-22px}
.keke-pic-list li{float:left;width:278px;height:280px;margin-right:22px;position:relative;margin-bottom:20px;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:200;perspective:200;transform-origin:10px 10px;}
.keke-pic-list li:nth-child(4n){margin-right:0}
.keke-pic-list .ctip{position:absolute;transform:scale(0) rotateZ(0deg);top:0;width:100%;height:230px;background:rgba(0,0,0,0.5);color:#EBEFEC;padding:20px;font-size:14px;transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;-o-transition:0.4s;z-index:5;opacity:0}
.keke-pic-list li:hover .ctip{transform:scale(1) rotateZ(360deg);border-radius:0;opacity:1;}
.keke-pic-list li .picbox{overflow:hidden;border:solid 2px #f1f1f1;}
.keke-pic-list li .picbox,.keke-pic-list li img{display:block;width:286px;height:236px;}
.keke-pic-list li img{transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;}
.keke-pic-list li:hover img{transform:scale(1.06);-webkit-transform:scale(1.06);}
.keke-pic-list li .textbox{display:block;margin-top:10px;font-size:16px;}
.keke-pic-list li .pic-id{display:none;background-color:rgba(0,0,0,0.3);color:#fff;font-size:14px;padding:3px 5px;border-radius:3px}
.keke-pic-list li .pic-id a{color:#fff}
.keke-pic-list li.hover .pic-id{display:inline-block;position:absolute;top:2px;right:2px;z-index:9}
/*推荐作者*/
.keke-design-box{background:#fff;text-align:center;padding-bottom:40px;}
.keke-dtit{background:#F5F5F5;font-size:30px;color:#6D6666;padding:16px;}
.keke-design li{border-bottom:1px solid #f3f3f3;position:relative;padding:40px 78px 20px 0px;float:left;}
.keke-design li a{display:block;overflow:hidden;border-radius:50%;}
.keke-design li img{border-radius:50%;transition:1s;-moz-transition:0.6s;-webkit-transition:0.6s;-o-transition:0.6s;}
.keke-design li:hover img{transform:scale(0.9);-webkit-transform:scale(0.9);}
.keke-design li .pRight{margin-left:76px;}
.keke-design a.apBtn{position:absolute;right:10px;top:10px}
/* login登陆框 */
.sousk{margin:200px auto 50px;width:600px;position:relative;}
.sousk input{width:580px;height:40px;line-height:40px;border:1px solid #fff;color:#fff;padding-left:20px;border-radius:5px;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000',endColorstr='#33000000');}
.btn-sou{width:40px;height:38px;background:#e2e2e2;display:block;line-height:38px;font-size:18px;position:absolute;top:2px;right:0px;border-top-right-radius:3px;border-bottom-right-radius:3px;}
.btn-sou:hover{background:#fff;}
.login{width:378px;margin:10% auto;border-radius:5px;}
.zhuce{color:#F9F9F6;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000',endColorstr='#99000000');text-align:center;}
.zhuce:hover{color:#fff;}
.dengl-cont{height:200px;padding:80px 48px;}
.dengl-cont a{color:#fff;}
.dengl-cont a.send{color:#54504C;}
.zhmmk{position:relative;}
.zhmmk .codeimg{position:absolute;right:3px;top:3px}
.zhmmk input{width:280px;height:40px;line-height:40px;padding-left:15px;font-size:12px}
.zhmmk input:focus{box-shadow:inset 0 0 0.1em #e5e5e5}
.dl-ts{width:80px;height:40px;line-height:40px;color:#262626;text-align:right;font-size:16px;display:inline-block;float:left;}
.zcmmk input{margin-bottom:10px;}
.zhmmk .send{position:absolute;top:13px;right:7px;}
.login-xxts{height:30px;padding-left:10px;line-height:20px;color:#C59E9E;font-size:12px;}
.btn-login{width:282px;height:40px;line-height:40px;background:#080101;display:block;font-size:16px;color:#fff;border-radius:5px;text-align:center;transition:all 0.3s ease;}
.btn-login:hover{background:#6AD1FF;transition:all 0.3s ease;}
/*登陆弹窗*/
#loginbox{background:rgba(41,40,40,0.96);width:340px;margin:10% auto;overflow:hidden;position:fixed;top:50%;left:50%;z-index:102;margin-left:-170px;margin-top:-206px;border-radius:2px}
#loginbox .lde{position:absolute;right:15px;top:15px;font-size:16px;color:#fff;z-index:2;display:none;}
#loginbox:hover .lde{display:block;}
#loginbox .yyt{position:absolute;font-size:98px;top:114px;color:#5F6B65;left:216px;}
#loginbox .yyt2{font-size:128px;top:232px;left:84px;}
#loginbox .dlogin{margin-top:45px;height:360px;}
#loginbox .dlo{height:200px;padding:20px 29px 68px;}
#loginbox .dlo a{color:#fff;}
#loginbox .dlo a.send{color:#54504C;}
#loginbox .zhp{position:relative;}
#loginbox .zhp .codeimg{position:absolute;right:3px;top:3px}
#loginbox .zhp input{width:280px;height:40px;line-height:40px;padding-left:15px;}
#loginbox .zhp input:focus{box-shadow:inset 0 0 0.1em #e5e5e5}
#loginbox .zhp .send{position:absolute;top:13px;right:7px;}
#loginbox .blogin{width:282px;height:40px;line-height:40px;background:#080101;display:block;font-size:16px;color:#fff;text-align:center;transition:all 0.3s ease;}
#loginbox .blogin:hover{background:#6AD1FF;transition:all 0.3s ease;}
/* 错误提示 */
#loginbox .errtips{height:65px;background:#080101;text-align:center;font-size:12px;line-height:65px;color:#fff;position:absolute;top:0px;left:0px;width:100%;z-index:1;display:none;}
#loginbox .errtips .iconfont{color:#fff;padding-right:10px;}
#loginbox .clog{padding:27px 57px;}
#loginbox .fmtt{margin-top:-1px;}
#loginbox .tz_login{margin-top:16px}
/* 错误提示 */
#particles-js{position:absolute;z-index:-1px;top:0;left:0px;}
.error_tips{height:65px;background:#080101;text-align:center;font-size:12px;line-height:65px;color:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:1040}
.error_tips .iconfont{color:#fff;padding-right:10px;}
.c_logo{padding:28px 112px;}
.fmt{margin-top:-1px;}
.ke_ecan,.ke_esure{padding:6px 12px;background:#68CEFC;color:#fff;border-radius:4px;margin-left:12px;}
.ke_ecan{background:#F44336}
.loginbg{background-size:cover;position:absolute;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;}
/*登陆退出*/
.logoutover{width:460px;margin:-100px auto 0 -230px;height:100px;text-align:center;position:absolute;top:50%;left:50%;}
.logoutover h3{font-size:26px;color:#fff;}
.logoutover p{margin-top:30px;}
.logoutover p .bb{padding:8px 36px;color:#fff;border-radius:5px;margin-right:5px;}
/* 购物车 */
#shopcar{position:relative;}
.shopitmes{border-radius:50%;width:60px;height:60px;z-index:120}
.shopitmes img{max-width:100%;border-radius:50%;}
/*内容详情页面*/
.fixed{position:fixed;}
.cont_left{width:940px;background:#fff;box-shadow:0 0 12px #cecece}
.cont_right{width:220px;}
.cont_head,.cont_details,.comment_cont{padding:24px 0;}
.comment_cont .single_cont{margin-left:80px;}
.comment_cont .single_name{padding-left:2px;}
.cont_head,.cont_details{background:none;border-bottom:1px solid #F5EEEE;font-size:14px;line-height:26px;position:relative;overflow:hidden;}
.cont_details p{text-indent:2em;line-height:24px;background:none;}
.cont_head .tiphot{position:absolute;right:-11px;top:30px;font-size:96px;color:#6D6666;}
.cont_head .hotnum{font-size:28px;position:absolute;right:36px;font-weight:700;color:#6D6666;top:36px;}
.cont_head .hotnum .iconfont{font-size:28px;position:relative;top:-3px}
.conte_title{height:56px;font-weight:600;line-height:56px;font-size:20px;}
.Classification{line-height:26px;}
.Classification span{margin-right:10px;color:#6D6666;font-size:14px;font-weight:700}
.Classification span.on{color:#423A39}
.Classification span.tage{padding:6px;height:20px;font-size:14px;color:#6D6666;line-height:20px;background-color:#DFE5E9;border-radius:2px;float:right;font-weight:700}
.Classification span a{color:#6D6666;}
.Classification span a:hover,.single_name a:hover{text-decoration:underline;}
.Classification span.Operation i{margin-left:5px;color:#6D6666;font-size:16px;}
.comment_box{padding:36px 0px;}
.share_box{color:#6D6666;text-align:center;}
.share_box ul li{float:left;margin:9px 7px;}
.share_box ul li a .iconfont{font-size:32px;color:#6D6666}
.praise{margin-left:20px;}
.praise a{display:block;background:#76887F;border-radius:30px;color:#fff;padding:16px 30px;text-align:center;}
.praise a:hover{background:#6D6666}
.praise a:hover .iconfont{color:#fff}
.collect_box{color:#6D6666}
.collect_box a{margin-top:10px;display:block;width:120px;height:38px;font-size:14px;color:#6D6666;line-height:38px;text-align:center;border-radius:20px;border:1px solid #6D6666;transition:all 0.2s ease-in-out 0s;}
.collect_box a:hover{color:#6D6666;border-color:#6D6666;}
.login_hint{width:100%;padding:36px 20px;background-color:#FFF7E7;box-sizing:border-box;}
.login_hint p{float:left;font-size:14px;color:#6B3612;line-height:40px;}
.login_hint a{display:inline-block;float:right;width:100px;padding:10px 0;line-height:20px;border-radius:2px;letter-spacing:1px;text-align:center;white-space:nowrap;vertical-align:middle;}
.primary_btn{color:#FFF;background-color:#6D6666;}
.nature_btn{color:#2C3E50;background-color:transparent;}
.single_comment{margin-bottom:10px;padding:10px;border-bottom:1px solid #ECECEC;}
.single_comment:hover{background:#f9f9f9;}
.single_comment:hover *{color:#333}
.single_img{display:block;width:60px;height:60px;border-radius:50%;overflow:hidden;margin-right:20px;}
/* .single_cont{width:750px;color:#34495E}
*/
.single_name a{font-weight:bold;}
.single_name i{font-size:12px;margin-left:20px;}
.yijian{font-size:14px;line-height:1.6em;word-wrap:break-word;word-break:break-all;padding:6px 0;}
.yijian.brc{border-left:3px solid #4CAF50;padding:12px;margin-top:16px;}
.yijian img{padding-right:2px;padding-left:2px;}
.yijian a{color:#FF5722;}
.yijian a:hover{font-weight:700;color:#FF5722;}
.huifu a{display:inline-block;margin-top:5px;width:60px;color:#666;font-size:12px;height:30px;line-height:30px;}
.huifu a:hover{color:#6D6666;}
.personals{background:#fff;padding-top:20px;text-align:center;border:1px solid #F5EEEE;position:relative;box-shadow:0 0 12px #cecece}
.personals:hover{background:#6D6666;}
.personals:hover a.tusername{color:#fff}
.personals:hover p.zbd_introduce{color:#fff}
.personals .usinfo{position:relative;}
.personals .usinfo .msg{position:absolute;left:50%;top:50%;margin-left:-8px;margin-top:-16px;transition:transform 1s ease;color:#fff;opacity:0}
.personals:hover .msg.mm{transform:translateY(165px);opacity:1}
.personals:hover .msg.mm .iconfont{font-size:18px;}
.add_tb{font-size:24px;display:inline-block;background:#6D6666;color:#fff;width:30px;height:30px;border-radius:50%;line-height:25px;text-align:center;position:absolute;bottom:64px;left:40px;}
.add_tb.on{background:#6D6666;}
.add_tb.b2{left:150px;}
.pmsg{position:relative;top:30px;left:2px;}
.pmsg .iconfont{font-size:24px;}
.attention_box a{border-top:1px solid #F5EEEE;margin-top:20px;background:#FFFFFF;}
.attention_box a,.praise_box a{display:block;float:left;width:108px;height:56px;padding-top:20px;text-align:center;border-right:1px solid #F5EEEE;}
.attention_box a.guanz{border-top:1px solid #F5EEEE;border-right:none;}
.attention_box a.on,.praise_box a.on,.praise a.on{background:#F44336;color:#fff}
.attention_box a.on *,.praise_box a.on *{color:#fff}
.praise_box a.df{cursor:default;}
.praise_box a{background:#fff;}
.praise_box a.collencts{width:217px;border-top:1px solid #F5EEEE}
}
.attention_box a i,.praise_box a i{color:#ACBBC6;}
.attention_box a b,.praise_box a b{color:#6D6666;font-weight:700;font-size:18px;padding-top:6px;position:relative;top:10px;}
.attention_box a:hover,.praise_box a:hover{background:#101010;}
.attention_box a:hover *,.praise_box a:hover *{color:#fff;}
.praise_box{border:1px solid #F5EEEE;margin-top:10px;box-shadow:0 0 12px #cecece}
.pingl_box{padding-bottom:360px;}
.comment-form{position:relative;}
.comment-form .reply_info{padding:10px 0px;color:#6d6d6d}
.comment-form textarea{width:100%;height:115px;padding:18px;color:#6d6d6d;margin:0;font-size:14px;border:1px solid #e4e9ed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;resize:none;}
.comment-warn{position:absolute;right:15px;bottom:62px;font-size:12px;color:#bdc3c7;}
.comment-warn span{color:#f39c12;font-weight:bold;}
.comment-tip{margin-right:15px;font-size:14px;color:#bdc3c7;line-height:40px;}
/* .comment-form .btn{border-radius:5px;width:146px;height:40px;line-height:40px;margin-top:10px;}
.comment-form .btn:hover{background:#6D6666}
.comment-form .btn:hover .iconfont{color:#fff}
*/
.comment-form-inner{margin:20px -70px 0 0;}
.zbd_introduce{font-size:13px;color:#F9F9F6;width:180px;overflow-y:hidden;overflow-x:hidden;padding:16px 20px 30px 20px;text-overflow:ellipsis;white-space:nowrap;}
.zbd_introduce a:hover{color:#b4bbc0;}
.codesee{text-align:center;}
.codesee a{display:block;background:#E2170C;padding:20px 0;font-size:14px;color:#fff}
#bqbox{width:396px;background:#6D6666;height:132px;position:absolute;top:0;left:0;z-index:100;display:none;}
#bqbox li{float:left;margin:5px;border:1px solid #8DC3A9;}
#bqbox .sjicon{overflow:hidden;width:0;height:0;display:block;border-top:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #6D6666;border-left:6px solid transparent;position:absolute;top:-12px;left:19px;}
#bqbox li:hover{background:#111}
#codebox{position:relative;top:2px;right:5px;display:none;}
#codebox .cinp{width:48px;height:34px;text-align:center;font-size:14px;}
/*验证码*/
 .comment-code{width:148px;height:40px;overflow:hidden;}
/*.comment-code img{width:100%;height:100%;}
*/
 .comment-code-input{width:100px;height:28px;margin-left:15px;margin-right:10px;border:1px solid #ccc;padding:5px 10px;font-size:14px;}
.comment-code-input:focus{border-color:#3da2e3;}
/* .comment-more{padding:80px 0;background:#fff;border-top:1px solid #DEE2E4;text-align:center;font-size:16px;}
.comment-more a{padding:15px 60px;border:1px solid #f6f9fa;border-radius:20px;}
.comment-more a:hover{background:#6D6666;color:#fff;}
*/
/*添加页面*/
.fwrap,#footer{margin-top:58px;}
.fwrap{width:660px;color:#F9F9F6;float:left;}
.fwrap li{float:left;margin-left:10px;}
.fwrap .addfilebox{margin-top:-15px;}
.fwrap .addfilebox .filebox{width:516px;height:140px;margin:26px auto;border:2px dotted #dbd5d5;text-align:center;background-size:cover;background:#fff;background-repeat:no-repeat;background-position:center;}
.fwrap .addfilebox .filebox img{margin:35px auto 12px auto}
.fwrap .addfilebox .filebox p{font-size:12px;}
.fwrap .addfilebox .filebox:hover{background-color:#f3f2f2;cursor:pointer}
.fwrap .formbox{margin-top:10px;width:670px;margin:10px auto 0 auto;}
/* .input-title,.input-desc{height:40px;margin-bottom:10px;}
.input-desc{margin-bottom:79px;}
.title_share_span{width:71px;height:40px;line-height:40px;text-align:right;float:left;}
.formbox input,.formbox textarea{width:496px;border:1px solid #dbd5d5;padding-left:12px;padding-right:12px;font-size:14px;}
.formbox input{height:38px;}
.formbox textarea{max-width:572px;min-height:78px;padding-top:10px;padding-bottom:10px;line-height:20px;resize:none;}
*/
.addtag-title{position:relative;width:600px;height:40px;margin:0 auto;font-size:14px;line-height:14px;}
#tag_box{width:600px;padding-top:10px;padding-bottom:43px;margin-left:70px;}
#common_tag{width:600px;overflow:hidden;}
.tags-col{float:left;margin-right:48px;font-size:14px;text-align:center;margin-top:20px;}
.tags-col b{display:block;width:96px;padding-bottom:10px;border-bottom:1px dotted #b2aeae;font-weight:bold;font-size:16px;}
.tags-col span{display:block;width:96px;margin-top:10px;cursor:pointer;padding:5px 0;color:#fff;}
.upload-confirm{text-align:center;margin-top:60px;}
.upload-confirm input{width:115px;height:40px;margin-bottom:60px;border-radius:2px;font-size:16px;cursor:pointer;}
#album_submit,#edit_submit{margin-right:20px;border:1px solid #414141;background-color:#414141;}
#album_submit:hover,#edit_submit:hover{background-color:#ff475c;}
#album_cancel,#edit_cancel{border:1px solid #d3d2d2;background-color:#fff;}
#album_cancel:hover,#edit_cancel:hover{background-color:#f3f2f2;}
.pic_delete{position:absolute;top:10px;right:10px;cursor:pointer;display:none;}
.swfupload{position:relative;top:-120px;}
.editorbox{margin-left:660px;padding:10px;border-top:1px solid #F9F9F6;}
@media screen and (max-width:1100px){.cont_right{display:none}
.cont_left{width:1000px;clear:both;float:none;margin:0 auto;}
}
/* 编辑器 */
#container{position:fixed;top:0px;left:0px;width:100%;height:100%;}
.breadcrumb{overflow:hidden;border-bottom:2px solid #222;counter-reset:flag;position:relative;background:#152429;border-radius:0px;}
.breadcrumb a{text-decoration:none;outline:none;display:block;font-size:12px;line-height:36px;color:#fff;padding:0 10px 0 56px;background:#152429;position:relative;background:linear-gradient(#152429,#212B38);float:left;}
.breadcrumb a:after{content:"";width:36px;height:36px;position:absolute;top:0;right:-18px;z-index:1;background:#152429;background:linear-gradient(135deg,#152429,#212B38);box-shadow:2px -2px 0 2px rgba(0,0,0,0.4),3px -3px 0 2px rgba(255,255,255,0.1);border-radius:0 5px 0 50px;transform:scale(0.7) rotate(45deg)}
.breadcrumb a:before{content:counter(flag);counter-increment:flag;border-radius:100%;width:20px;height:20px;line-height:20px;margin:8px 0;position:absolute;top:0;left:30px;background:#333;background:linear-gradient(#7BC625,#3C3A3A);font-weight:bold;text-align:center;}
.breadcrumb a.active,.breadcrumb a:hover{background:#6D6666;background:linear-gradient(#6D6666,#000);}
.breadcrumb a.active:after,.breadcrumb a:hover:after{background:#6D6666;background:linear-gradient(135deg,#6D6666,#000);}
#container .c_right{width:38%;height:100%;background:#152429;float:left}
#container .c_left{width:62%;height:100%;background:#6D6666;float:right;text-align:center;position:relative;z-index:8}
#preview{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:0 5px 5px 0;z-index:1;}
.item-tag-cloud{border-bottom:1px solid #F5EEEE;margin-bottom:24px}
.ke_cont_img{position:relative;}
.ke_cont_img .usinfobox{width:240px;position:absolute;top:25%;left:50%;margin-left:-120px;margin-top:-40px;background:rgba(1,1,1,0.4);z-index:1}
.ke_cont_img .usinfo{border-radius:50%;}
.ke_cont_img .usinfo .user_img{display:inline-block;border-radius:50%;overflow:hidden;margin-bottom:10px;position:relative;z-index:2;top:12px;}
.usinfo .k-sign{color:#fff;text-align:center;width:200px;display:inline-block;margin-top:12px;border-bottom:1px solid #3C3838;padding-bottom:12px;}
.ke_cont_img .usinfo .gz{color:#fff;margin-top:14px;padding:0;text-align:center;height:42px;line-height:24px;width:100%;}
.tag{max-width:115px;display:inline-block;position:relative;border:1px solid #A49F9F;font-weight:500;font-size:.789em;text-align:left;text-transform:capitalize;line-height:18px;text-overflow:ellipsis;white-space:nowrap;border-radius:2px;background-clip:padding-box;}
.tag-small{height:19px;margin:5px 4px 0 8px;padding:0 10px;}
.tag-small:before{content:"";display:block;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid #6D6666;position:absolute;top:0;left:-9px;}
.tag-wrap{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;color:#6D6666}
.tag-small:after{content:"";display:block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff;position:absolute;top:1px;left:-8px;}
.tag-small .tag-wrap:after{content:"";display:block;width:4px;height:4px;background:#6D6666;position:absolute;top:6px;left:0;border:1px solid #dfdfdf;border-radius:3px;background-clip:padding-box;}
.tag-small.in-chart{margin:5px 35px 0 8px;}
.tag-wrap:hover{color:#54504C;}
#descbox{padding:30px;overflow:auto;}
#descbox h1{font-size:20px;padding-bottom:10px;color:#e5e5e5;line-height:120%;font-weight:bold;}
#intro-desc{padding:10px 0;margin-bottom:100px;border-top:1px solid #ccc;overflow:hidden;margin-top:20px;color:#f9f9f9}
#intro-desc p{color:#e5e5e5;font-size:12px;text-align:justify;text-indent:2em;padding-top:10px;color:#fff}
#c_imgbox{padding:0 0 2px 15px;}
#c_imgbox img{width:220px;height:140px;}
#container .c_left .headerbox{width:100px;height:38px;background:rgba(0,0,0,0.4);right:-185px;position:fixed;z-index:9;transition:all .6s ease;line-height:38px;}
#container .c_left .headerbox a{color:#fff;}
#container .c_left:hover .headerbox{right:0px;transition:all .6s ease;}
#c_sliderbar{position:fixed;bottom:0px;left:38%;height:40px;width:4px;cursor:col-resize;z-index:7;background:url(http://runjs.cn/img/handle-v-b.png) 50% 50% no-repeat;}
#tempbox{position:fixed;width:100%;height:40px;background:transparent;bottom:0px;left:0px;z-index:6;margin-left:36%;}
#container .c_left:hover #tempbox{display:none;}
.breadcrumb>.active{color:#fff}
/*消息框*/
#message_box{width:542px;height:302px;position:fixed;top:50%;left:50%;margin-left:-280px;margin-top:-moz-calc(0% - 150px);margin-top:-webkit-calc(0% - 150px);margin-top:calc(0% - 150px);background:rgba(0,0,0,0.3);box-shadow:0 0 21px rgba(0,0,0,0.3);z-index:102}
#message_box .yt{position:absolute;top:28px;right:68px;font-size:70px;color:#F6F9F7;z-index:0;}
#message_box .yb{position:absolute;top:229px;left:68px;font-size:100px;color:#F6F9F7;z-index:0;}
#message_box .kcom-box{width:520px;height:280px;margin:10px 10px;background-color:#FFF;padding:20px;border:#f1f1f1 solid 1px;}
#message_box .kp-box .kp-infobox h2{display:block;font-size:14px;height:30px;line-height:30px;margin-bottom:10px;color:#b8c4ce;}
#message_box .kp-box .kp-infobox h2 span{font-size:14px;margin:0 5px;}
#message_box .kp-box .kp-text{width:480px;height:120px;padding:10px;font-size:14px;color:#6d6d6d;background-color:#eff4f5;border:none;margin:0;font-family:inherit;}
#message_box .kp-box .kp-box-submit{margin-top:20px;text-align:right;}
#message_box .ksbtn{min-width:96px;height:40px;background-color:#6D6666;color:#fff;font-size:14px;cursor:pointer;line-height:40px;border:none;border-radius:2px;font-family:inherit;}
#message_box .ksbtn:hover{background-color:#2D7351;transition:all 0.4s ease-in-out 0s;}
#message_box .kmini-btn{min-width:96px;height:40px;background-color:#3A4852;color:#fff;font-size:14px;cursor:pointer;line-height:40px;border:none;border-radius:2px;font-family:inherit;}
#message_box .kmini-btn:hover{background-color:#2D7351;transition:all 0.4s ease-in-out 0s;}
/*播放内容页面*/
.play_left{height:100%;position:fixed;right:366px;top:0;left:0;background:#141414;border-right:1px solid #333}
#playwrap{position:relative;background-size:contain;background-position:center;border-bottom:1px solid #333}
#playwrap .pover{position:absolute;left:0;top:0;width:100%;height:100%;background:#141414;z-index:2;opacity:0.62}
#playbox{position:relative;width:99.8%;top:0px;left:0;z-index:3;margin:0 auto;}
#playwrap .tipbox{height:54px;line-height:54px;position:relative;z-index:3}
#playwrap .tipbox .container{width:1212px;margin:0 auto;}
#playwrap .tipbox h1{font-size:18px;color:#f3f3f3;font-weight:bold;max-width:640px;line-height:56px;padding-left:6px;}
#playwrap .tipbox .oth{padding-left:12px}
#playwrap .tipbox .oth li{float:left;color:#f3f3f3;margin-right:2px;}
#playwrap .tipbox .oth li a{color:#f3f3f3;padding:0 12px;display:block;height:52px;}
#playwrap .tipbox .oth li a.on,#playwrap .tipbox .oth li a:hover{background:#202A30;}
#playwrap .tipbox .oth li a .iconfont{font-size:18px;}
.play_right{width:366px;height:100%;position:fixed;top:0px;right:0;background:#111;}
.play_right .overl{position:absolute;top:15px;left:0;width:100%;height:100%;opacity:0.9;z-index:1;background:#111;}
.play_right .l-tit{background:#141414;height:54px;}
.play_right .rdexp{position:absolute;width:36px;height:52px;display:inline-block;top:54px;left:-36px;line-height:52px;text-align:center;padding-left:5px;color:#f3f3f3;opacity:0.62;background:#1D2320;z-index:2}
.play_right .rdexp:hover .iconfont{color:#f3f3f3}
.play_right .section-box{width:366px;color:#f3f3f3;overflow:hidden;position:relative;top:-10px;}
.play_right .section-box h3{color:#f3f3f3;font-size:16px;padding:16px 10px;font-weight:600;line-height:16px;}
.play_right .section-box ul{position:relative;z-index:2;}
.play_right .section-box ul.sec-main{margin-top:1px}
.play_right .section-box ul li .tit{font-size:14px;margin-left:0;background:#333;height:36px;line-height:36px;padding:0 16px;cursor:pointer;color:#fff;display:block;}
.play_right .section-box ul.sec-c{display:none;background:#121212}
.play_right .section-box ul.sec-c li{line-height:22px;margin-top:2px;padding-left:16px;}
.play_right .section-box ul li .tit.on,.play_right .section-box ul.sec-c li.on,.section-box ul.sec-c li:hover{background:#45AF7A}
.play_right .section-box ul .lesson-items.on em.icon-time{color:#fff}
.play_right .section-box ul li em.icon-play{font-size:22px;}
.play_right .section-box ul li em.icon-time{font-size:14px;}
.play_right .section-box ul li em.icon-wait{font-size:16px;position:relative;left:1px;}
.play_right .section-box ul li a{color:#f3f3f3;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:320px;padding-left:14px;}
/*飞跃的字体图标*/
#iconbg{position:fixed;z-index:-1;top:0;left:0;width:100%;height:100%;}
#iconbg span{background:transparent;text-align:center;line-height:140px;position:absolute;font-size:64px;color:#F9F9F6;z-index:1}
/*没有数据的图标*/
.nofound{background:#F1F1F1;text-align:center;padding:220px;border:1px dotted #fff}
.nofound a{position:absolute;width:100%;height:100%;top:0;left:0;}
.nofound a span{position:relative;top:35%;}
.n-ficon{background-image:url('../../images/not_found_sprite.png');display:inline-block;width:100px;height:100px;vertical-align:-16px;padding-right:12px;}
.n1{background-position:-28px 0;}
.n11,.n1:hover{background-position:-28px -100px;}
.n2{background-position:-176px 0;}
.n22,.n2:hover{background-position:-176px -100px;}
.n3{background-position:-325px 0;}
.n33,.n3:hover{background-position:-325px -100px;}
.n4{background-position:-475px 0;}
.n44,.n4:hover{background-position:-475px -100px;}
.n5{background-position:-624px 0;}
.n55,.n5:hover{background-position:-624px -100px;}
.bottom{width:100%;height:auto;overflow:hidden;background:#152429;padding-top:36px;text-align: center;}
.bottom a{color:#fff}
.bottom a:hover{color:#6D6666}
.bottom_kuan{height:auto;overflow:hidden;margin:0 auto;padding-bottom:10px;}
.bottom_left {font-size:14px;color:#eee;line-height:36px;padding:0 38px 0 0px}
.bottom_right{color:#fff;line-height:22px}
/*博客和音乐页面*/
.ke-blog h2 a{color:#54504C;text-decoration:none;}
.ke-blog .submitted{color:#999;margin-bottom:35px;padding-top:8px}
.ke-blog .submitted a{color:#333}
.ke-blog .submitted a:hover{text-decoration:underline;color:#476045}
.ke-blog .submitted span{padding-right:12px;}
.ke-blog .ke_node{padding:6% 0;color:#2d2d2d;}
@media screen and (max-width:768px){.ke-blog .ke_node .content{-webkit-column-count:1;-moz-column-count:1;-ms-column-count:1;column-count:1;-webkit-column-rule:1px solid #ccc;-moz-column-rule:1px solid #ccc;-ms-column-rule:1px solid #ccc;column-rule:1px solid #ccc;-webkit-column-gap:42px;-moz-column-gap:42px;-ms-column-gap:42px;column-gap:42px;}
.container{margin:10px}
}
.ke-blog .ke_node .content{font-size:16px}
.ke-blog .ke_node .content .imga{display:block;}
.ke-blog .ke_node .content img{max-width:100%;}
.ke-blog .ke_node .content p{text-indent:2em}
.ke-blog .ke_node div.line{border-bottom:1px solid #fff;padding:2% 0}
.ke-blog .ke_node p{line-height:28px;font-size:14px}
.ke-blog .inline{padding:24px 0;}
.ke-blog .inline span{color:#999;padding-right:6px;}
.ke-blog .inline a{color:#999}
#comments{padding:0%;color:#2d2d2d;margin-top:64px;padding-bottom:400px;position:relative;z-index:10}
#comments .submitted{padding-left:0;margin-bottom:15px;font-size:15px;margin-top:10px;}
#comments ul.inline{float:right;margin-top:0;padding-left:0;width:300px;text-align:right;}
#comments .comment{padding-bottom:26px;position:relative;}
#comments .comment:after{content:"";display:block;position:absolute;top:-3px;left:-18px;bottom:-2px;right:-19px;z-index:-1;transition:all 0.3s ease}
#comments .comment:hover:after{background:#f9f9f9;}
#comments .comment-form{padding:2% 0;}
#comments .content{border-bottom:1px solid #fff;line-height:22px;font-size:13px;color:#333}
#comments h2{font-size:18px}
#comments .text{padding-top:12px;margin-left:38px;}
#comments .retext{border-left:4px solid #476045;padding-left:12px;margin-left:38px;}
#comments .retext .cm_uname{word-break:break-all;}
#comments .retext .cm_uname a{color:#4CAF50}
#comments .retext p{font-size:14px;color:#6F7B84;padding:14px 0}
.marker{font-size:11.844px;background:#CDCDCD;padding:6px 9px;color:#FFF;border-radius:2px;}
.kb_edit2{border:2px dotted #fff;padding:12px 6px;}
.kb_edit{border:2px dotted #fff;padding:24px;min-height:60px;font-size:14px;}
.ke-blog .submitted .ine{margin-right:12px;margin-bottom:20px;}
.ke-blog .submitted .ine:last-child{margin-right:0px;}
.m_banner .image{height:360px;width:100%;background-size:cover;background-repeat:repeat-x;}
.m_banner{position:relative;}
.m_banner .overlay{position:absolute;background:rgba(0,0,0,0.2);top:0;left:0;right:0;bottom:0;transition:background 0.6s ease}
.m_banner:hover .overlay{background:rgba(0,0,0,0.3);}
.m_banner .overlay .kinfo{width:80%;margin:96px auto;text-align:center;color:#fff;position:relative;z-index:5}
.m_banner .overlay .km{font-size:12px;margin-top:24px;}
.m_banner .kplay{display:inline-block;margin-top:34px;width:64px;height:64px;transform-origin:32px 14px}
.m_banner .kplay i{font-size:64px;color:#e5e5e5}
.m_banner .kuinfo{position:absolute;top:12px;left:12px;z-index:10;}
.m_banner .mtitle{font-size:24px}
.m_banner .kuinfo img{border-radius:50%}
.cb{padding:2% 5%}
.cb2{padding:0% 5%}
.vol-desc p{line-height:28px;font-size:14px;color:#515151}
.ke_relation{margin-top:64px;}
.ke_relation li{float:left;position:relative;z-index:20;width:294px;margin-right:1px;}
.ke_relation li img{max-width:100%;height:160px}
.ke_relation .image{position:relative;color:#c5c5c5;text-align:center;}
.ke_relation .image h1{font-size:16px}
.ke_relation .image .overlay{position:absolute;background:rgba(0,0,0,0.5);top:0;left:0;right:0;bottom:0;transition:background 0.6s ease}
.ke_relation .image:hover .overlay{background:rgba(0,0,0,0.8)}
.ke_relation .image .kinfo{margin-top:60px;opacity:0;color:#E0D2D2}
.ke_relation .image:hover .kinfo{opacity:1}
.kradius{width:64px;height:64px;border-radius:50%;position:absolute;top:57%;left:50%;text-align:center;line-height:64px;font-size:18px;color:#fff;background:rgb(0,0,0);margin-left:-32px;z-index:2}
.kradius span{position:relative;top:-12px;font-size:12px;}
.kradius span.gy{position:absolute;top:-16px;}
#mubox{height:360px;background:rgba(17,17,17,0.3);position:absolute;top:0;left:0;right:0;bottom:0}
#mubox span{display:inline-block;width:6px;background:#333;bottom:1px;height:5px;margin-right:1px;left:0;position:absolute;}
.kc_sendbtn{background:#717171;color:#fff;padding:6px 30px;transition:all 0.6s ease;position:relative;z-index:30}
.kc_sendbtn:hover{background:#333;}
/*用户明细右拉*/
.kavatar{width:96px;height:96px;border-radius:50%;position:absolute;bottom:-24px;left:50%;margin-left:-48px;background:rgb(246,246,246);box-shadow:0 0 0 4px rgb(246,246,246);background-size:cover;background-color:inherit;background-position:center center;background-repeat:no-repeat;text-align:center;z-index:20}
.kavatar img{border-radius:50%;width:96px;height:96px;}
.kavatar .av_name{position:relative;bottom:48px;left:0;text-align:center;color:#fff;width:86px;}
.drawer{width:0px;height:100%;top:0;position:fixed;right:0;z-index:1032;overflow-y:auto;overflow-x:hidden;
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0);
transition:-webkit-transform .2s ease-out;
transition:transform .2s ease-out;background:rgb(249,249,248);display:none;}
.drawer.open{-webkit-transform:none;transform:none;}
.drawer .posts{padding:0 20px 20px;margin:0 auto;max-width:582px;}
.drawer .posts .post{background:#fff;border-radius:4px;overflow:hidden;padding:0;position:relative;margin:0 0 20px;box-shadow:0 0 0 1px rgba(0,0,0,.08);}
.drawer .posts .post.post_full{width:540px;font-size:14px;background:#fff;padding:15px 0 0;word-wrap:break-word;border-radius:3px;}
.drawer .header_image_wrapper{position:relative;height:300px;}
.drawer .header_image_wrapper img{height:100%;left:0;max-height:100%;max-width:100%;opacity:1;position:absolute;top:0;width:100%;}
.drawer .info{padding:46px 50px 20px;}
.info_wrapper .title{font-weight:bold;text-align:center;font-size:42px;line-height:1.2;margin:-5px 0 5px;}
.post_title{font-family:Gibson,Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif;font-weight:400;font-size:36px;line-height:42px;margin-bottom:10px;padding-right:20px;padding-left:20px;}
.info_wrapper .description{background-color:transparent;letter-spacing:0;padding:12px 5px;position:relative;word-wrap:break-word;text-align:center;}
.drawer .posts .post_body{overflow:hidden;word-wrap:break-word;padding-top:2px;padding-left:20px;padding-right:20px;color:#6B6B6B;font-size:14px;}
.drawer .posts .post_body p{padding-top:12px;}
.drawer .posts .post_tag{position:relative;margin-top:10px;padding:0 20px;line-height:20px;white-space:nowrap;overflow:hidden;color:#6B6B6B;line-height:45px;top:10px;}
.drawer .posts .post_footer{color:#a2a2a2;clear:both;display:table;height:65px;line-height:65px;position:relative;width:100%;}
.post_controls{display:table-cell;vertical-align:middle;padding-left:18px;text-align:right;}
.post_controls .post_control{margin:10px 16px 10px 0px;display:inline-block;position:relative;text-align:left;height:24px;cursor:pointer;}
.peepr_over{background-color:rgba(54,70,93,0.95);left:0;opacity:0;top:0;right:0;bottom:0;display:none;z-index:1031;position:fixed;transition:opacity .15s;}
.kunavigation{right:0;position:absolute;top:0;line-height:58px;width:600px;z-index:21;}
.header_controls{float:right;width:400px;text-align:right;padding-right:16px;}
.blog_name{padding-left:16px;color:#fff;font-size:12px;display:block;}
.blog_name .full_url{opacity:0;transition:all 0.6s ease;}
.blog_name:hover .full_url{opacity:1}
.kchrome{color:#fff;padding:6px 8px;}
.kchrome:hover{color:#f9f9f9}
.kchrome i{padding:0}
.kupicon{position:absolute;top:0;left:0;background:rgba(0,0,0,0.2);display:inline-block;width:96px;height:96px;border-radius:50%;text-align:center;line-height:96px;color:#fff;opacity:1;z-index:1;transition:opacity 0.6s,top 1s;}
.kupicon i{position:relative;left:3px;}
.info_popover{position:fixed;right:62px;margin-left:-7px;top:50px;height:160px;width:140px;background:#fff;border-radius:3px;box-shadow:0 5px 10px 0 rgba(0,0,0,.1);}
.info_message_popover{right:120px;height:100px;}
.info_popover ul{padding:4px 0;}
.info_popover ul li{border:0;font-size:14px;line-height:30px;padding:0!important;}
.info_popover ul li a{padding:8px 10px;font-weight:normal;}
.info_popover ul li:hover{background:#F3F5F5}
.kuc-loadbox{position:fixed;top:0;right:0;z-index:10;width:600px;height:100%;}
.kuc-load{position:absolute;left:50%;z-index:11;top:40%;margin-left:-16px;margin-top:-16px;}
/*用户中心*/
.k_header{height:65px;position:fixed;top:0;left:0;right:0;padding:0px 16px;bottom:0;z-index:5;}
.k_header .kh_b{line-height:65px;display:inline-block;position:absolute;right:16px;bottom:0px;}
.k_header .kh_b a{color:#fff;background:#152429;padding:6px 12px;margin-right:6px;}
.k_header .kh_b a:hover{color:#F44336}
.k_header .k_title{height:60px;display:block;text-align:center;font-size:48px;line-height:60px;width:700px;margin:0 auto;font-family:'Helvetica Neue',Arial,Helvetica,sans-serif,"Helvetica Neue",HelveticaNeue,Arial,sans-serif;font-weight:bold;color:#f9f9f9;opacity:0}
.k_header_image{position:relative;height:350px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:height .25s linear;transition:height .25s linear;}
.k_content{margin-left:auto;margin-right:auto;position:relative;z-index:2;margin-top:48px;max-width:702px;min-width:270px;}
.k_content .k_info{text-align:center;}
.kgz{display:none}
.k_content .k_info .title{font-size:48px;font-family:'Helvetica Neue',Arial,Helvetica,sans-serif,"Helvetica Neue",HelveticaNeue,Arial,sans-serif;font-weight:bold;padding:0px 0 16px}
.k_content .k_info .description{margin-top:16px;}
.nav-wrapper{margin-left:auto;margin-right:auto;padding:12px 20px;position:relative;z-index:2;margin-top:20px;text-align:center;background:#fff;color:#333;}
.nav-wrapper .nav-item{display:inline-block;padding:4px 18px;position:relative;margin-right:8px;background:rgba(54,70,93,0.5)}
.nav-wrapper .nav-item a{color:#fff;}
.nav-wrapper .nav-item ul{position:absolute;background:#5D5C63;top:28px;left:0;display:none;}
.nav-wrapper .nav-item:hover ul{display:block}
.nav-wrapper .nav-item ul li{background:#5D5C63;padding:4px 18px;position:relative;}
.nav-wrapper .nav-item li:hover{background:#333}
.nav-wrapper .nav-item.on,.nav-wrapper .nav-item:hover{background:#5D5C63;}
.nav-wrapper .nav-item.on a,.nav-wrapper .nav-item:hover a{color:#fff;}
.kpost{background:#fff;padding-bottom:20px;margin-bottom:20px;border-radius:2px;position:relative;}
.kpost:hover{background:linear-gradient(#fff,#f6f6f6);box-shadow:0 0 1px 0px #999;}
.post_permalink{border-color:#152429 #152429 transparent transparent;border-radius:0 0 0 5px;border-style:solid;position:absolute;border-width:2px;background:#ccc;display:block;opacity:0;height:0;width:0;right:0;top:0;transition:border-width .15s ease-in,opacity 0ms ease-in .15s;}
.post_permalink:before{content:none;display:none}
.kpost:hover .post_permalink{transition:border-width .15s ease-in,opacity 0ms ease-in 0ms;opacity:1;border-width:8px}
.kpost .caption{padding:16px 20px;overflow:hidden;}
.kpost .post_img .img{width:100%;}
.kpost .post_img .ke_c_tip{background:transparent;}
.kpost .caption h2{font-size:22px;font-weight:400;margin:0.75em 0;}
.kpost .caption h2 a{color:#444}
.kpost .caption p{color:#999;font-size:14px;}
.kpost .has-tags{margin:20px;}
.kpost .has-tags .meta-item{display:inline-block;margin-right:10px;color:#a7a7a7;text-decoration:none;line-height:1.2;}
.kupbackground{position:absolute;right:16px;bottom:16px;color:#fff;}
.kshow{display:none;}
.ktipbox{position:fixed;width:700px;padding:12px 0;border:2px dotted #fff;background:rgba(5,7,9,0.5);top:50%;left:50%;margin-left:-350px;margin-top:-60px;z-index:110;}
.ktipbox .tipcnt{text-align:center;padding:16px;}
.ktipbox .tipcnt textarea{width:100%;font-size:48px;color:#fff;text-align:center;background:transparent;border:0px;height:56px;overflow:hidden;}
.ktipbox .opbtn{position:absolute;bottom:-36px;left:50%;margin-left:-62px;font-size:18px;}
.ktipbox .opbtn a{padding-right:20px;color:#fff;}